<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>免费开源版-免费开源CRM客户关系管理软件系统 - EasyMis</title>
<meta name="description"
	content="EasyMis软件系统目前有三种不同的版本的客户管理系统，分别是免费开源版、商业旗舰版，云平台版，以及HRM系统等其它待开发企业类办公软件" />
<script type="text/javascript"
	src="http://cdn.crm.cc/Public/V1/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript"
	src="http://cdn.crm.cc/Public/V1/js/switch.js"></script>
<script type="text/javascript"
	src="http://cdn.crm.cc/Public/V1/js/slide_new.js"></script>
<script type="text/javascript"
	src="http://cdn.crm.cc/Public/V1/js/placeholderfriend.js"></script>
<script type="text/javascript"
	src="http://cdn.crm.cc/Public/V1/js/gototop.js"></script>
<script type="text/javascript"
	src="http://cdn.crm.cc/Public/V1/behind/js/jquery.easing.min.js"></script>
<script type="text/javascript"
	src="http://cdn.crm.cc/Public/V1/behind/js/jquery.zclip.min.js"></script>
<script type="text/javascript"
	src="http://cdn.crm.cc/Public/V1/behind/js/jQueryRotate.2.2.js"></script>
<script type="text/javascript"
	src="http://cdn.crm.cc/Public/V1/behind/js/lrtk.js"></script>
<script type="text/javascript"
	src="http://cdn.crm.cc/Public/V1/behind/js/uploadPreview.js"></script>
<script type="text/javascript"
	src="http://cdn.crm.cc/Public/V1/behind/js/jquery.fancybox.pack.js"></script>
<script src="/Public/V1/style/js/bootstrap.min.js"></script>
<link href="/Public/V1/style/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css"
	href="http://cdn.crm.cc/Public/V1/behind/css/jquery-ui-1.10.0.custom.css" />
<link rel="stylesheet" type="text/css"
	href="http://crm.cc/Public/V1/behind/css/index.css" />
<link rel="stylesheet" type="text/css" href="/Public/V1/css/product.css">
<link rel="stylesheet" type="text/css"
	href="http://cdn.crm.cc/Public/V1/behind/css/sub.css" />
<link rel="stylesheet" type="text/css" href="/Public/V1/css/common.css">
<link rel="stylesheet" type="text/css"
	href="http://cdn.crm.cc/Public/V1/behind/css/jquery.fancybox.css" />
<link rel="shortcut icon" href="/Public/V1/ico/favicon.png" />
<script type="text/javascript">
	   $(function(){
		focus:input =function(){
		 var oval = $(this).val();
		 if (oval != " ") {
		  $(this).val(" ");
		 };
		 }
		 blur:input=function(){
		 if (oval == " ") {
		  $(this).val(oval);
		 };
		}
	   })
  </script>
<style>
.qq_img {
	margin-top: 3px;
	height: 24px;
	float: left;
}

.qq_span {
	line-height: 30px;
	float: left;
	margin-left: 10px;
	font-size: 13px;
}

.prod {
	text-align: center;
}

.moreFun {
	text-align: center;
}
</style>
<link rel="stylesheet" href="<%=path %>/site/css/style.css" />
<link rel="stylesheet" href="<%=path %>/site/css/index.css" />
<link rel="stylesheet" href="<%=path %>/public/css/product.css" />
</head>
<body>

	<script>
   $(document).ready(function(){
       var class_name;
		var mod_name = 'Product';
		var act = '';
		if(mod_name == 'Mobile'){
			class_name = 3;
		}else if(mod_name == 'Update'){ 
			class_name = 5;
		}else if(mod_name == 'Customer'){
			class_name = 6;
		}else if(mod_name == 'Product'){
			class_name = 2;
		}else if(mod_name == 'Programme'){
			class_name = 4;
		}
		$(".nav-tab-"+class_name).addClass('active');
   })
</script>
	<!-- 头部LOGO和导航 -->
	<div class="top clearfix">
<!-- 导航 -->
<header id="navbar">
    <div class="ui container">
        <a href="http://www.admui.com" class="logo" style="font-size: 1.714rem;">EasyMis</a>
        <a href="#" class="menu"><i class="sidebar icon"></i></a>
        <a href="/user" class="ucenter openlogin"><i class="user icon"></i></a>
        <nav>
            <a href="<%=path%>/index.jsp" >首页</a>
            <a href="<%=path%>/product/index.jsp" id="productmenu" class="active">产品</a>
            <a href="<%=path%>/buy.jsp">购买</a>
            <a href="<%=path%>/product/customized.jsp" >高端定制</a>
            <a href="<%=path%>/demo.jsp">演示</a>
            <a href="<%=path%>/solution.jsp">解决方案</a>
            <a href="<%=path%>/customer.jsp">客户案例</a>
            <a href="<%=path %>/help.jsp" target="_blank">帮助</a>
            <a href="<%=path %>/docs.jsp" target="_blank">开发文档</a>
            <a href="http://bsify.admui.com" target="_blank">BSify</a>
        </nav>
    </div>
</header>
	</div>
	<script type='text/javascript'>
		try{
			if(/Android|Windows Phone|webOS|iPhone|iPod|Symbian|BlackBerry/i.test(navigator.userAgent)){
				window.location.href="/mi/";
			}
		}catch(e){}
	</script>
	<script type="text/javascript">
		$("#pro-navBtn").mouseover(function(){
		  $(".pro-list-nav").slideDown(300);
		});
		function stopPropagation(e) {
					if (e.stopPropagation) 
						e.stopPropagation();
					else 
						e.cancelBubble = true;
				}
				$(document).bind('mouseover',function(){
					$('.pro-list-nav').slideUp(300);;
				});
				$('.pro-list-nav').bind('mouseover',function(e){
					stopPropagation(e);
				});
				$('#pro-navBtn').bind('mouseover',function(e){
					stopPropagation(e);
				});
	</script>
	<script type='text/javascript'>	function getCookie(name){
		var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
		if(arr=document.cookie.match(reg))
		return unescape(arr[2]);
		else
		return null;
	}
	
	/*$(".fancybox").click(function(){
		var by = $(this).attr('rel');
		var vali = getCookie('member');
		if(vali){
			if(by == 'cloud'){
				window.open('http://crm.cloud.5kcrm.com');
			}else if(by == 'open'){
				window.open('http://crm.demo.5kcrm.com/');
			}else{
				window.location = 'http://www.5kcrm.com/index.php?m=index&a=downloadcrm';
			}
			return false;
		}else{
			$(".fancybox").fancybox();
		}
		
	});*/
	$(".fancybox").click(function(){
		$(".fancybox").fancybox();
	});
	var media = document.getElementById("media");
	$('#close').click(function(){
		media.pause();
		$('#close').hide();
		$('#open').show();
		
	})
	$('#open').click(function(){
		media.play(); 
		$('#open').hide();
		$('#close').show();
	}) 
	
	/**
	 * 免费体验
	 **/
	$(document).ready(function(){
		$('#show_try').hover(function(){
			$('.online_tryDetail').toggle();
		});
		$(".change_to_en").click(function(){
			window.location.href = 'http://en.5kcrm.com/';
		})
	});
	
	function show_download(param){
		if(param == 'ios'){
			$('.ios_dowDetail').css('display','block');
		}else{
			$('.android_dowDetail').css('display','block');
		}
	}
	
	function hide_download(param){
		if(param == 'ios'){
			$('.ios_dowDetail').css('display','none');
		}else{
			$('.android_dowDetail').css('display','none');
		}
	}
</script>

	<!-- 产品页面内容 -->
	<div class="prod">
		<h2 class="marginbot30">一种奉献的态度，更是一种社会责任</h2>
		<p>全面推动免费开源项目，助力中小企业客户管理信息化</p>
		<p class="btn marg">
			<a href="/product/open" class="cus-btn">永久免费下载</a>
		</p>
	</div>
	<div class="prod-nav">
		<a href="<%=path %>/product/cloud.jsp">云平台</a><a href="<%=path %>/product/free.jsp" class="active">免费版</a><a
			href="<%=path %>/product/comerce.jsp">私有化部署</a><a href="<%=path %>/product/customized.jsp">私人订制</a>
	</div>
	<div class="prod-main">
		<h2>让昂贵免费，让我心自由</h2>
		<p class="txt clearfix">我们选择把我们的核心产品以永久开源免费的形式，推送给广大中小企业使用。我们深知，于EasyMis而言，不仅仅是原本每套几万元的软件产品的倾情付出，更为重要的是，EasyMis在社会上担当的角色将更具强烈的责任感和使命感。我们希望能够始终实实在在地帮助客户提高客户管理水平和创造更多价值，通过对用户的负责，从而担负起推动一个产业时代的发展责任！这也是悟空自成立以来身体力行、稳扎稳打、深耕行业市场、推动产业进步回报中小企业的最好佐证！
		</p>
		<div class="pord-line clearfix"></div>
		<h2 class="margt50px">对于开源，我们承诺</h2>
		<ul class="ul3 clearfix">
			<li><i class="prod3-bg1"></i>永久开源免费
				<p>永久开源免费，用户可以随时下载部署使用，但不可用于商业行为！</p></li>
			<li><i class="prod3-bg2"></i>永久更新迭代
				<p>我们会保证产品的不断更新和迭代，对产生的BUG会及时调整。</p></li>
			<li><i class="prod3-bg3"></i>完整的功能模块
				<p>企业从销售管理到签订合同，EasyMis能够完全满足您的需求。</p></li>
			<li><i class="prod3-bg4"></i>提供技术支持
				<p>我们会随时提供技术支持，您可以通过QQ或电话的形式与我们取得联系。</p></li>
		</ul>
	</div>
	<!-- 更改功能 尽情体验 -->
	<div class="moreFun clearfix">
		<h2 class="margin50-80">更多功能，尽情体验</h2>
		<ul class="clearfix">
			<li><i class="moFu-bg1"></i>进销存管理</li>
			<li><i class="moFu-bg2"></i>无缝沟通</li>
			<li><i class="moFu-bg3"></i>工单管理</li>
			<li><i class="moFu-bg4"></i>权限管理</li>
			<li><i class="moFu-bg5"></i>知识管理</li>
			<li><i class="moFu-bg6"></i>日志管理</li>
		</ul>
		<p class="btn marg">
			<a href="/product/open" class="cus-btn">立即下载</a>
		</p>
	</div>
	<style type="text/css">
.channel-foot .foot-info .left a {
	color: #999999;
}
</style>
	<!-- 底部 -->
	<div class="channel-foot  clearfix">
		<div class="foot-info">
			<div class="left lineheight30">
				购买支持请拨打：<span class="font">0371-55960670</span><br /> 2012 - 2016
				EasyMis & EasyMis开源组织<a target="_blank"
					href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action">豫ICP备14021983号-1</a>
			</div>
			<div class="right lineheight60">
				<a href="/">EasyMis</a><span class="line">|</span><a href="/product/">产品介绍</a><span
					class="line">|</span><a href="http://cdn.crm.cc/wukong2_help.pdf"
					target="_blank">使用手册下载</a><span class="line">|</span><a
					href="/announcement/">关于我们</a><span class="line">|</span><a
					href="/mobile/">移动办公</a><span class="line">|</span><a
					href="/product/customized">定制方案</a><span class="line">|</span><a
					href="/customer/">企业客户</a>
			</div>
		</div>
	</div>
	<div class="channel-foot clearfix">
		<div class="foot-info">
			<div class="left">
				软件著作权登记证书编号：软著登字第0777945号 | <a style="color: #999999;"
					target="_blank" href="/sitemap.xml">网站地图</a> &nbsp;
				<script
					src="http://s95.cnzz.com/z_stat.php?id=1258099249&web_id=1258099249"
					language="JavaScript"></script>
			</div>
			<div class="right">
				<span class="font">中文 / <a href="http://en.5kcrm.com"
					target="_blank">EN</a></span>
			</div>
		</div>
	</div>
	<style>
#rocket-to-top div {
	left: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 0;
	width: 149px;
}

#rocket-to-top .level-2 {
	background: url("/Public/V1/images/rocket_button_up.png") no-repeat
		scroll -149px 0 transparent;
	display: none;
	height: 250px;
	opacity: 0;
	z-index: 1;
}

#rocket-to-top .level-3 {
	background: none repeat scroll 0 0 transparent;
	cursor: pointer;
	display: block;
	height: 150px;
	z-index: 2;
}

#rocket-to-top {
	background: url("/Public/V1/images/rocket_button_up.png") no-repeat
		scroll 0 0 transparent;
	cursor: default;
	display: block;
	height: 250px;
	margin: -30px 0 0;
	overflow: hidden;
	padding: 0;
	position: fixed;
	right: 0;
	top: 86%;
	width: 149px;
	z-index: 11;
}
</style>
	<div style="display: none; z-index: 9999;" id="rocket-to-top">
		<div style="opacity: 0; display: block;" class="level-2"></div>
		<div class="level-3"></div>
	</div>
	<script>
$(function() {
	var e = $("#rocket-to-top"),
	t = $(document).scrollTop(),
	n,
	r,
	i = !0;
	$(window).scroll(function() {
		var t = $(document).scrollTop();
		t == 0 ? e.css("background-position") == "0px 0px" ? e.fadeOut("slow") : i && (i = !1, $(".level-2").css("opacity", 1), e.delay(100).animate({
			marginTop: "-1000px"
		},
		"normal",
		function() {
			e.css({
				"margin-top": "-25px",
				display: "none"
			}),
			i = !0
		})) : e.fadeIn("slow")
	}),
	e.hover(function() {
		$(".level-2").stop(!0).animate({
			opacity: 1
		})
	},
	function() {
		$(".level-2").stop(!0).animate({
			opacity: 0
		})
	}),
	$(".level-3").click(function() {
		function t() {
			var t = e.css("background-position");
			if (e.css("display") == "none" || i == 0) {
				clearInterval(n),
				e.css("background-position", "0px 0px");
				return
			}
			switch (t){
			case "0px 0px":
				e.css("background-position", "-298px 0px");
				break;
			case "-298px 0px":
				e.css("background-position", "-447px 0px");
				break;
			case "-447px 0px":
				e.css("background-position", "-596px 0px");
				break;
			case "-596px 0px":
				e.css("background-position", "-745px 0px");
				break;
			case "-745px 0px":
				e.css("background-position", "-298px 0px");
			}
		}
		if (!i) return;
		n = setInterval(t, 50),
		$("html,body").animate({scrollTop: 0},"fast");
	});
});
</script>
</body>
</html>